<template>
	<view>
		<view @click="goTop1" class="uni-link uni-center uni-common-mt top">
			<image src="../../static/icons/back-top.png" class="img"></image>
		</view>
	</view>
</template>

<script>
	export default {
		name:"back-to-top",
		data() {
			return {
				
			};
		},
		methods: {
			goTop1: function(e) {
				this.goTop()
			},
		},
		props: {
			goTop: {
				type: Function,
				default: null
			}
		}
	}
</script>

<style lang="less">
	.top {
		width: 40px;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #FFFFFF;
		box-shadow: 0px 3px 43px 0px rgba(0,0,0,0.34);
		line-height: 50px;
		border-radius: 50%;
		position: fixed;
		z-index: 9;
		right: 30rpx;
		bottom: 150rpx;
		
		.img {
			width: 50%;
			height: 50%;
		}
	}
</style>